<!DOCTYPE html>
<%= stylesheet_link_tag "http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css", :media => "all" %>

<html>
<head>
  <title>Регистрация и Авторизация</title>
</head>
<body>

<!-- Авторизация -->
    <div class="span6">
      <form class="form-horizontal" name="login_form" method="POST" action="login.php">
        <legend>Авторизация</legend>
        <div class="alert alert-error">
          <small><b>Ошибка!</b> Неверный логин или Email.</small>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputEmail">Email:</label>

          <div class="controls">
            <input type="text" name="uemail" id="inputEmail" placeholder="Email">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label" for="inputPassword">Пароль:</label>

          <div class="controls">
            <input type="password" name="upass" id="inputPassword" placeholder="Пароль">
          </div>
        </div>
        <div class="control-group">
          <div class="controls">
            <button name="go_auth" value="go_auth" type="submit" class="btn btn-primary">Войти</button>
          </div>
        </div>
      </form>
    </div>

<!-- Регістрация -->
<div class="span6">
  <form class="form-horizontal" name="signup_form" method="POST" action="new_user.php" onsubmit="return validateForm()">
    <legend>Регистрация нового пользователя</legend>
    <div class="row-fluid">
      <div class="alert alert-info">
        <small>Все поля являются обязательными для заполнения.</small>
      </div>
    </div>
    <div id="c_email" class="control-group">
      <label class="control-label" for="inputEmail">Email:</label>

      <div class="controls">
        <input type="text" name="uemail" id="inputEmail" onclick="$('#inputEmail').popover('destroy');
                $('#c_email').toggleClass('error', false)" placeholder="Email">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputPass">Пароль:</label>

      <div class="controls">
        <input type="password" name="upass1" id="inputPass" onclick="$('#inputPass').popover('destroy');" placeholder="Не менее 6 символов">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputPass2">Пароль еще раз:</label>

      <div class="controls">
        <input type="password" name="upass2" id="inputPass2" onclick="$('#inputPass2').popover('destroy');" placeholder="Не менее 6 символов">
      </div>
    </div>
    <div class="control-group">
      <div class="controls">
        <button name="go_changepass" value="go_change" type="submit" class="btn btn-primary">Зарегистрироваться</button>
      </div>
    </div>
  </form>
  <hr>
</div>
</body>
</html>